<template>
  <div class="tab">
    <tab-sub
      v-for="(item, index) of cityDatas"
      :cityInfo="item"
      :key="index"
    ></tab-sub>
  </div>
</template>

<script>
import TabSub from "./Sub";
import cityDatas from 'data/cities'
export default {
  name: 'Tab',
  components: {
    TabSub
  },
  data() {
    return {
      cityDatas
    }
  },
};
</script>

<style lang="scss" scoped>
@import '~styles/mixins.scss';

.tab {
	@include flex-row;
	flex-wrap: no-wrap;
	height: .44rem;
	background-color: #fff;
	border-bottom: 1px solid #ddd;
}
</style>



